<template>
  <div>这是上传组件

    <input ref="tupian" type="file"> <button @click="upload">上传</button>
  </div>
</template>

<script>
import COS from 'cos-js-sdk-v5'
const cos = new COS({
  SecretId: 'AKIDvgBPN5WgaEcjaATVFivrWu2uVpsfCSSC',
  SecretKey: 'UjjSu5zcy3rNdz5uSklW0EBqFOFp8BxS'
})
export default {
  name: 'ImageUpload',
  methods: {
    upload() {
      const file = this.$refs.tupian.files[0]
      cos.putObject({
        Bucket: 'chenqing-1308731775', // 存储桶
        Region: 'ap-nanjing', // 地域
        Key: file.name, // 文件名
        Body: file, // 要上传的文件对象
        StorageClass: 'STANDARD',
        onProgress: (params) => {
          this.percent = params.percent * 100
        } // 上传的模式类型 直接默认 标准模式即可
        // 上传到腾讯云 =》 哪个存储桶 哪个地域的存储桶 文件  格式  名称 回调
      }, function(err, data) {
        // data返回数据之后 应该如何处理
        console.log(err || data)
      })
    }
  }
}

</script>

<style>

</style>
